<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>隔行换色表格</title>
    <style type="text/css">
      table{
          border: 1px solid #000000;
          font: 12px/1.5em "宋体";
          border-collapse: collapse;
      }
      caption{
          text-align: center;
      }
      th{
          color: #f4f4f4;
          border: 1px solid #000000;
          background: #328aa4;
      }
      td{
          text-align: center;
          border: 1px solid #000000;
          background: #e5f1f4;
      }
      .tr_bg td{
          background: #fdfbcc;
      }
    </style>
</head>
<body>
<table width="600" border="0">
    <caption>环保工程年度排行榜</caption>
    <tr>
        <th>工程编号</th><th>工程名称</th><th>报价</th><th>数量</th>
    </tr>
    <tr>
        <td>001</td><td>废弃净化处理</td><td>360000</td><td>8</td>
    </tr>
    <tr class="tr_bg">
        <td>002</td><td>固体废弃物处理</td><td>330000</td><td>7</td>
    </tr>
    <tr>
        <td>003</td><td>污染土壤修复</td><td>390000</td><td>6</td>
    </tr>
    <tr class="tr_bg">
        <td>004</td><td>环境质量监测</td><td>380000</td><td>5</td>
    </tr>
</table>
</body>
</html>